<template>
  <div class="relative w-full flex items-center justify-center text-center">
    <img style="width: 86%; height: 100px" class="" :src="heading" />
    <div
      style="font-size: 2.5rem"
      class="
        absolute
        font-extrabold
        text-white
        left-0
        right-0
        mx-auto
        text-center
      "
    >
      <h1>城市污水处理系统数字孪生平台</h1>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  props: {
    heading: String,
  },
});
</script>